<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选型</title>
    <link rel="stylesheet" href="css/public/reset.css">
    <link rel="stylesheet" href="css/bootstrap.3.3.7.min.css">
    <link rel="stylesheet" href="css/public/header.css">
    <link rel="stylesheet" href="css/public/public.css">
    <link rel="stylesheet" href="css/modelSelection/modelSelection.css">
    <link rel="stylesheet" href="css/details/details.css">
    <link rel="stylesheet" href="css/output/output.css">
    <link rel="stylesheet" href="css/public/cheack.css">

</head>
<body>
<div id="app">
  <nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img src="images/public/logo.png" height="92" width="200"/>
        </a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li><a href="01.html">产品目录</a></li>
          <li><a href="02.html">选型</a></li>
          <li><a href="03.html">详细</a></li>
          <li><a href="04.html">输出</a></li>
          <li><a href="#">帮助</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              语言
              <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">中文</a></li>
              <li><a href="#">English</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
    <div class="my-container">
      <h2>输出清单</h2>
      <div class="a-table">
        <div class="table-head">
          <table class="table">
            <tr>
            <td></td>
              <td class="model">
                型号
                <span class="marginBottom"></span>
                MODEL
              </td>
              <td>电压<span class="marginBottom"></span>UAC</td>
              <td>频率<span class="marginBottom"></span>F</td>
              <td>电容器<span class="marginBottom"></span>C</td>
              <td>曲线<span class="marginBottom"></span>CURVE</td>
              <td>输入功率<span class="marginBottom"></span>MODEL</td>
              <td>转速<span class="marginBottom"></span>N</td>
              <td>电流<span class="marginBottom"></span>I</td>
              <td>静压<span class="marginBottom"></span>PSF</td>
              <td>环境温度<span class="marginBottom"></span>Temp</td>
              <td>静压效率<span class="marginBottom"></span>EEF.Grade</td>
              <td>能效值<span class="marginBottom"></span>MODEL</td>
              <td>噪声<span class="marginBottom"></span>Noise</td>
              <td>备注<span class="marginBottom"></span>p1</td>
            </tr>
            <tr class="head-sub-title">
            <td></td>
              <td></td>
              <td>V</td>
              <td>HZ</td>
              <td>UF/450V</td>
              <td>NO.</td>
              <td>W</td>
              <td>r/min</td>
              <td>A</td>
              <td>PA</td>
              <td>C</td>
              <td>%</td>
              <td>N</td>
              <td>DB</td>
              <td></td>
            </tr>
          </table>
        </div>
        <div class="table-body">
          <div class="table-body-auto">
            <table class="table">
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
              <tr>
            <td><label><input type="checkbox"><i>✓</i></label></td>
                <td>YSWF12</td>
                <td>3~380</td>
                <td>50</td>
                <td>--</td>
                <td>A</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>1477</td>
                <td>888</td>
                <td>888</td>
                <td>888</td>
                <td></td>
              </tr>
            </table>
          </div>
        </div>
      </div>


      <div class="outPage-bottom">
        <dl>
          <dd>
            <h2>输出选项</h2>
            <div class="nav-left">
              <ul>
                <li>
                  <span class="span">风量</span>
                  <div class="form-group">
                    <select class="form-control">
                      <option>m³/h </option>
                      <option>m³/h </option>
                      <option>m³/h </option>
                      <option>m³/h </option>
                    </select>
                  </div>
                </li>
                <li>
                <span class="span">风量</span>
                <div class="form-group">
                  <select class="form-control">
                    <option>m³/h </option>
                    <option>m³/h </option>
                    <option>m³/h </option>
                    <option>m³/h </option>
                  </select>
                </div>
              </li>
                <li>
                <span class="span">格式</span>
                <div class="form-group">
                  <input type="button" value="PDF " class="form-control input margin-top10 format formatExcel">
                  <input type="button" value="PDF " class="form-control input margin-top10 format">
                </div>
              </li>
              </ul>
            </div>
          </dd>
          <dt>
            <h2>输出说明</h2>
            <p>在前面 布局组件 章节中所讨论到的组件
              仅仅是个开始。Bootstrap 自带 12 种 jQuery
              插件，扩展了功能，可以给站点添加更多的互
              动。即使您不是一名高级的 JavaScript 开发人员，
              您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Boo
              tstrap 数据 API（Bootstrap Data API），大部分的
              插件可以在不编写任何代码的情况下被触发。</p>
            <div class="btn-box"><button type="button" class="btn btn-primary">输出</button></div>
          </dt>
        </dl>
      </div>
    </div>
  <!--按钮-->
  <!--<div class="btn-box btn-box-qq">-->
    <!--<button type="button" class="btn btn-primary back">返回</button>-->
    <!--<button type="button" class="btn btn-primary">下一步</button>-->
  <!--</div>-->
</div>
<img class="bg-img" src="images/public/max-bg-03.png">
<script src="js/vue.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    let vm = new Vue({
    el: '#app',
    methods:{

        }
    })
    $('.nav>li>a').click(function () {
        $(this).css('color','#fff')
    })

$(function(){
  $(".format").click(function(){
    $(".form-group .format").toggleClass("formatExcel");
  })
})

</script>

</body>
</html>
